<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
  .info{
    -webkit-text-size-adjust: 100%;
    color: #000;
    font-size: 14px;
    font-variation-settings: 'wght' 550;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    display: flex;
    margin-bottom: 24px;
    justify-content: space-between;
    align-items: center;
    padding-top: 64px;
  }
  .productcard{

  }
  .product-card-content{

  }
</style>
<body>

<div class="productcard parbase aem-GridColumn aem-GridColumn--default--12">


  <!--Two Cards : Wide Narrow-->

  <!--Two Cards : Narrow Wide-->

  <!--Three Cards : Wide-Narrow-->

  <!--Three Cards : Narrow-Wide-->



  <section class="index__three-products-2 new-ratio-three-cards" style="background-color: #FFFFFF;">
    <div class="product-card-wrapper">
      <div class="info">
        <p class="product-card-title">更多新品</p>
        <p class="product-card-link">
          <a href="https://www.oppo.com/cn/smartphones/" target="_blank">
            查看其它产品
          </a>
        </p>
      </div>
      <div class="product-card-content">
        <div class="narrow">
          <div class="item item-first">
            <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/">
              <div class="img-box reno2-img-box">
                <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-5g/middlebanner/reno7-5g-red_middlebanner-640x480-mobile.jpg.thumb.webp" alt="OPPO Reno7 新年版" data-src-webp="true">
                <img class="gt-mb ls-is-cached lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-5g/middlebanner/reno7-5g-red_middlebanner-1600x1068-pc.jpg.thumb.webp" alt="OPPO Reno7 新年版" data-src-webp="true" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-5g/middlebanner/reno7-5g-red_middlebanner-1600x1068-pc.jpg.thumb.webp">
              </div>
            </a>
            <h2 class="title">
              <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/">
                OPPO Reno7 新年版
                <span class="tag" style="color:#2EC84E;">新品</span>
              </a>
            </h2>
            <h3 class="desc">爱不释手红丝绒</h3>
            <div class="actions">
              <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/" class="learn-more">了解更多</a>
              <a href="https://www.opposhop.cn/cn/web/products/6060.html?utm_source=guanwang&amp;utm_medium=reno7-5g&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
            </div>
          </div>
          <div class="item">
            <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" target="_blank">
              <div class="img-box reno2-img-box">
                <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-air2/middlebanner/enco-air2-white_middlebanner-640x480-mobile.jpg.thumb.webp" alt="OPPO Enco Air2" data-src-webp="true">
                <img class="gt-mb ls-is-cached lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-air2/middlebanner/enco-air2-white_middlebanner-1600x1068-pc.jpg.thumb.webp" alt="OPPO Enco Air2" data-src-webp="true" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-air2/middlebanner/enco-air2-white_middlebanner-1600x1068-pc.jpg.thumb.webp">
              </div>
            </a>
            <h2 class="title">
              <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" target="_blank">
                OPPO Enco Air2
                <span class="tag" style="color:#2EC84E;">新品</span>
              </a>
            </h2>
            <h3 class="desc">好声音，耳目一新</h3>
            <div class="actions">
              <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" class="learn-more">了解更多</a>
              <a href="https://www.opposhop.cn/cn/web/products/22705.html?utm_source=guanwang&amp;utm_medium=oppo-enco-air2&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
            </div>
          </div>
        </div>
        <div class="wide">
          <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/">
            <div class="img-box">
              <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-pro-5g/middlebanner/reno7-pro-middlebanner-blue-640x480-pc-v2.jpg.thumb.webp" alt="Reno7 Pro" data-src-webp="true">
              <img class="gt-mb ls-is-cached lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-pro-5g/middlebanner/reno7-pro-middlebanner-blue-1340x1786-pc-v2.jpg.thumb.webp" alt="Reno7 Pro" data-src-webp="true" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-pro-5g/middlebanner/reno7-pro-middlebanner-blue-1340x1786-pc-v2.jpg.thumb.webp">
            </div>
          </a>
          <h2 class="title">
            <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/">Reno7 Pro </a>
            <span class="tag" style="color:#2EC84E;">热销</span>
          </h2>
          <h3 class="desc">超感光猫眼镜头，索尼大底旗舰主摄</h3>
          <div class="cart-price"> <span>3699 元起</span> </div>
          <div class="actions">
            <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/" class="learn-more">了解更多</a>
            <a href="https://www.opposhop.cn/cn/web/products/22177.html?utm_source=guanwang&amp;utm_medium=reno7-pro-5g&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="index__three-products-2-mb new-ratio-three-cards" style="background-color: #FFFFFF;">
    <div class="info">
      <p class="product-card-title">更多新品</p>
      <p class="product-card-link">
        <a href="https://www.oppo.com/cn/smartphones/" target="_blank">
          查看其它产品
        </a>
      </p>
    </div>
    <div class="section-box" style="order:1;">
      <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/">
        <div class="img-box reno2-img-box">
          <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-5g/middlebanner/reno7-5g-red_middlebanner-640x480-mobile.jpg.thumb.webp" alt="OPPO Reno7 新年版" data-src-webp="true">
          <img class="lazyload gt-mb " data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-5g/middlebanner/reno7-5g-red_middlebanner-1600x1068-pc.jpg.thumb.webp" alt="OPPO Reno7 新年版" data-src-webp="true">
        </div>
      </a>
      <h2 class="title">
        <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/">
          OPPO Reno7 新年版
          <span class="tag" style="color:#2EC84E;">新品</span>
        </a>
      </h2>
      <h3 class="desc">爱不释手红丝绒</h3>
      <div class="actions">
        <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-5g/" class="learn-more">了解更多</a>
        <a href="https://www.opposhop.cn/cn/web/products/6060.html?utm_source=guanwang&amp;utm_medium=reno7-5g&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
      </div>
    </div>
    <div class="section-box" style="order:1;">
      <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" target="_blank">
        <div class="img-box reno2-img-box">
          <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-air2/middlebanner/enco-air2-white_middlebanner-640x480-mobile.jpg.thumb.webp" alt="OPPO Enco Air2" data-src-webp="true">
          <img class="lazyload gt-mb " data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-air2/middlebanner/enco-air2-white_middlebanner-1600x1068-pc.jpg.thumb.webp" alt="OPPO Enco Air2" data-src-webp="true">
        </div>
      </a>
      <h2 class="title">
        <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" target="_blank">
          OPPO Enco Air2
          <span class="tag" style="color:#2EC84E;">新品</span>
        </a>
      </h2>
      <h3 class="desc">好声音，耳目一新</h3>
      <div class="actions">
        <a href="https://www.oppo.com/cn/accessories/oppo-enco-air2/" class="learn-more">了解更多</a>
        <a href="https://www.opposhop.cn/cn/web/products/22705.html?utm_source=guanwang&amp;utm_medium=oppo-enco-air2&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
      </div>
    </div>
    <div class="section-box" style="order:1;">
      <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/">
        <div class="img-box">
          <img class="lazyload mobile mobile-bg" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-pro-5g/middlebanner/reno7-pro-middlebanner-blue-640x480-pc-v2.jpg.thumb.webp" alt="Reno7 Pro" data-src-webp="true">
          <img class="lazyload gt-mb " data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-pro-5g/middlebanner/reno7-pro-middlebanner-blue-1340x1786-pc-v2.jpg.thumb.webp" alt="Reno7 Pro" data-src-webp="true">
        </div>
      </a>
      <h2 class="title">
        <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/">Reno7 Pro </a>
        <span class="tag" style="color:#2EC84E;">热销</span>
      </h2>
      <h3 class="desc">超感光猫眼镜头，索尼大底旗舰主摄</h3>
      <div class="cart-price"> <span>3699 元起</span> </div>
      <div class="actions">
        <a href="https://www.oppo.com/cn/smartphones/series-reno/reno7-pro-5g/" class="learn-more">了解更多</a>
        <a href="https://www.opposhop.cn/cn/web/products/22177.html?utm_source=guanwang&amp;utm_medium=reno7-pro-5g&amp;utm_page=homepage&amp;utm_site=bottombanner&amp;download_app=0" class="buy" target="_blank">立即购买</a>
      </div>
    </div>
  </section>

</div>
</body>
</html>